<html>
<head>
	<meta charset="UTF-8">
	<title>点击发起</title>
</head>
<style>
.ddd{
	width: 800px;
	height: 800px;
	border: 1px red solid;
	
	display: table-cell;
	/* vertical-align: middle;//（如果写给图片，能让图片和文字智能垂直对齐） */
	vertical-align: middle;
	text-align: center;
}
a.disabled {
  pointer-events: none; /* 移除鼠标事件，使其不可点击 */
  cursor: default; /* 将鼠标样式改为默认样式，传达不可点击的信息 */
  color: grey; /* 可选：将文本颜色更改为灰色以表示不可点击状态 */
  text-decoration: none; /* 可选：移除下划线，表示该链接不可点击 */
}
</style>
<body>
	<input type="button" onClick="sendStart()" value="点击发起" />
	<a href="" disabled="true">99999999</a>
	<a href="#" class="disabled">不可点击的链接</a>
	<div class="ddd">
		<img src="https://qiqiaobucket-1309576975.cos.ap-chongqing.myqcloud.com/pad_seek/2023-12-18/O2-9126-3092.png" alt="">
	</div>
	
</body>
<script type="text/javascript">
function sendStart(){
	//原生JS实现ajax（post）
	//创建异步对象
	var xhr = new XMLHttpRequest();
	//设置请求的类型及url
	xhr.open('post', '0.php' );
	//post请求一定要添加请求头才行不然会报错
	xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
	//发送请求,传参数
	xhr.send('name=fox&age=18');
	xhr.onreadystatechange = function () {
		//这步为判断服务器是否正确响应
		if (xhr.readyState == 4 && xhr.status == 200) {
			console.log(xhr.responseText);
			console.log(xhr);
		} 
	}
}


fetch('./0/table_data.json').then(response => {
	if (!response.ok) {
		throw new Error('Network response was not ok');
	}
	// console.log(response);
	return response.json();
}).then(data => {
	console.log("data:");
	console.log(data); // 这里可以访问解析后的JSON数据
	// 使用数据的代码...
}).catch(error => {
	console.error('Error fetching JSON:', error);
});

</script>
</html>